13 Fancy JavaScript Animated Slideshow Projects
Use your Ken Burns Animated banner elements with the possibility of playing YouTube and Vimeo clips in a special detail view with describing text. You just need to know little HTML and Javascript.
2. CSS Slider
non jQuery Slider, pure CSS image slider.
Responsive Slider with Pure CSS. Awesome animations and templates. Visual Maker - No scripting!
No more jQuery, No more JavaScript, No more image icons, Hardware-accelerated CSS animations, Icon font for controls, All browsers, Fully responsive, Mobile friendly
Retina-ready, Awesome effects and skins, Full width option, No more coding, Super easy drag-n-drop slider maker
The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.
The main goal of FilterSlider is to manipulate images and HTML slider control using canvas, jQuery library and Javascript. Animated blocks
Animated elements – Use additional attributes to fade any HTML element or animate change of its position inside a slide
Transition settings – You can specify delay, speed and transition method for every animated element
Extensive documentation – How to include accordion into your website, how to customize style of accordion, use of animated elements, custom preloader, custom timer, whatever you name should be documented.Images from graphicriver:1st image in homepage accordion by solarseven2nd image in homepage accordion by solarseven3rd image in homepage accordion by solarseven4th image in homepage accordion by solarseven5th image in homepage accordion by galdzerImages from deviantArt:mobile phones used in products list demo by PierocksmysocksOthers:jQuery – javascript libraryjQuery easing pluginspoon.
Inspired by an Android OS change-screen wallpaper effect, built with a jQuery javascript library!
Animated backgrounds
Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. Responsive / Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.
Shuffling Tiles combines elements from both and then some, producing a versatile, animated and
A basic events system, for advanced JavaScript customization.
It can also be turned into a slideshow so that your viewer can see your work without having to do nothing.Animated text description
content is still viewable without JavaScript enabled.More than one slideshow can be on the same page
Use your Ken Burns Animated banner elements with the possibility of playing YouTube and Vimeo clips in a special detail view with describing text. You just need to know little HTML and Javascript.
Lateral Slider is a image preloader jQuery plugin used to create a clean, animated image slider on a webpage. Easily customizable in both CSS and JavaScript
This slider jQuery plugin uses unobstrusive javascript to transform a block of simple HTML JavaScript slideshow markup into a georgous elegant slider, which can be completely customized using HTML5 data attributes. When using this plugin, your page layout will be consistent even if javascript has been disabled.Won’t break layout if javascript disabled.Optional animated popup preview thumbnails, including a Ken Burns transition.Integrated animated circular timer.
Animated Layers – You can add both animated and static layers. Also, the HTML auto slideshow will stop or pause when a video starts playing.Show/Hide – You have the option to hide and show on hover the arrow buttons, the slideshow button, the timer animation, the captions and whole thumbnail scroller, or only some elements of the scroller, like the thumbnail scroller buttons, arrows or scrollbar.Per slide settings – You can define a different transition effect for each slide, using either the plugin’s JavaScript API or XML attributes.Auto slideshow – You can set the slider to simple JavaScript auto slideshow mode and you also have the option to pause the slideshow mode on mouse hover
added animated layers
the slideshow will pause when the lightbox is opened
added pause slideshow on hover option
li JQuery JavaScript image slider / banner rotator with many cool features. This means that if you need to change the slider you do not need to tweak the JavaScript code.9 different animated GIF Slider Preloaders – There is nothing better than to aware the visitor that something will show up soon. Have you ever thought about having slider/banner and ads on one page and all they are JavaScript driven? Imagine how cool it is! You can have one JavaScript file and multiple sliders. Forget about the ugly animated GIFs or Flash ads.